@import 'tailwindcss/utilities';
@import 'vars.scss';
@import 'mixins.scss';

@layer utilities {
.heading-2xl-semi {
  font-weight: $fw-semi;
  @include heading-2xl;
}

.heading-2xl-medium {
  font-weight: $fw-medium;
  @include heading-2xl;
}

.heading-xl-semi {
  font-weight: $fw-semi;
  @include heading-xl;
}

.heading-xl-medium {
  font-weight: $fw-medium;
  @include heading-xl;
}

.heading-l-semi {
  font-weight: $fw-semi;
  @include heading-l;
}

.heading-l-medium {
  font-weight: $fw-medium;
  @include heading-l;
}

.heading-m-semi {
  font-weight: $fw-semi;
  @include heading-m;
}

.heading-m-medium {
  font-weight: $fw-medium;
  @include heading-m;
}

.heading-s-semi {
  font-weight: $fw-semi;
  @include heading-s;
}

.heading-s-medium {
  font-weight: $fw-medium;
  @include heading-s;
}

.paragraph-m-semi {
  font-weight: $fw-semi;
  @include paragraph-m;
}

.paragraph-m-medium {
  font-weight: $fw-medium;
  @include paragraph-m;
}

.paragraph-s-semi {
  font-weight: $fw-semi;
  @include paragraph-s;
}

.paragraph-s-medium {
  font-weight: $fw-medium;
  @include paragraph-s;
}

.link-s-medium {
  font-weight: $fw-medium;
  @include link-s;
}

.label-s-medium {
  font-weight: $fw-medium;
  @include label-s;
}
}
